<template>
	<view class="page">
		<image src="../../static/register/top2.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">{{cityName}}</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻条件</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					三年安全驾驶经验；
				</view>
				<view class="item">
					<text>2.</text>
					年龄23~55周岁；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合代驾的其他历史证明；
				</view>
				<view class="item">
					<text>4.</text>
					有熟练驾车经验；
				</view>
				<view class="item">
					<text>5.</text>
					身体健康，无肢体残疾和大面积纹身；
				</view>
				<view class="item">
					<text>6.</text>
					需要提供身份证、驾驶证、直系亲属联系方式，并保存前述材料的真实合法性；
				</view>
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻流程</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册账号</text>
						<text class="item-desc">在小程序完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">司机信息填写</text>
						<text class="item-desc">按照流程提交本人身份证、驾驶证</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">证件资料审核</text>
						<text class="item-desc">对提交证件进行审核</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">签署合同</text>
						<text class="item-desc">收到邮寄的合同后必须本人签署并寄回</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn" @tap="wxRegister">司机注册</button> -->
		<button class="btn" open-type="getPhoneNumber" @getphonenumber="getPhone">微信注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
	var qqmapsdk;
	export default {
		data() {
			return {
				code: null,
				cityName: "未知"
			};
		},
		onLoad() {
			let _this = this;
			qqmapsdk = new QQMapWX({
				key: _this.Consts.QQMAP_KEY, // 必填
			});
			this.getLocation();
		},
		methods: {
			//腾讯地图，地址解析
			reverseGeocoder(location) {
				let _this = this;
				qqmapsdk.reverseGeocoder({
					location: location,
					success: function(res) {
						console.log(location);
						let city = res.result.address_component.city;
						_this.cityName = city;
					}
				});
			},
			//获取坐标位子
			getLocation() {
				let _this = this;
				uni.getLocation({
					type: 'wgs84',
					success: function(res) {
						let location = {
							latitude: res.latitude,
							longitude: res.longitude
						}

						_this.reverseGeocoder(location);
					},
					fail: function(error) {
						uni.showToast({
							icon: "error",
							title: "定位失败"
						})
					}
				});
			},
			//获取code(用于获取手机号)
			getPhone(res) {
				let _this = this;
				if (!res.detail.code) {
					//因为个人开发者无法使用获取手机号的功能，所以这里给一个默认值
					let phoneCode = res.detail.code ? res.detail.code : "调用微信API"
					//如果code为空，说明获取code失败
					_this.wxRegister(phoneCode);
				}
			},

			//使用微信注册
			wxRegister(phoneCode) {
				let _this = this;
				//调用微信的API拿到code
				wx.login({
					//成功拿到code后的回调函数
					success(result) {
						//将code封装为对象
						console.log(phoneCode);
						let param = {
							"loginCode": result.code,
							"phoneCode": phoneCode
						}
						_this.post("/driver/app/driver/wechatRegister", param, (result) => {
							//解构表达式取值
							console.log(result);
							let {
								success,
								message
							} = result.data;
							console.log(result);
							if (success) {
								console.log(message);
								uni.showToast({
									title: "注册成功",
									duration: 2000
								});
								setTimeout(() => {
									uni.navigateTo({
										url: "../login/login",
										fail(error) {
											console.log("跳转失败", error);
										}
									})
								}, 2000)
							} else {
								console.log(message);
								uni.showToast({
									title: "注册失败"
								})
							}
						})
					},
					//获取code失败的回调函数
					fail(error) {
						console.log("微信的注册接口调用失败", error);
					}
				})
			},
		}
	};
</script>

<style lang="less">
	@import url('register.less');
</style>